import React from 'react';
// 引入饼图组件
import Pie from '../../components/pie';
// 引入接口
import { getDataFn } from '../../api/welcome';
import { useEffect, useState } from 'react'
const Welcome = () => {
    const [piedata, setPieData] = useState({})
     // 调用接口获取数据
     useEffect(() => {
        getDataFn().then(res => {
            // console.log('11', res);
            if (res.data.errNo == 0) {
                setPieData(res.data.data)
            }
        })
    }, [])
    return (
        <div>
           <div style={{ display: 'flex' }}>
                <Pie id='pie1' data={piedata.accessFrom} title='访问方式' name='accessFrom'></Pie>
                <Pie id='pie2' data={piedata.area} title='地域分布' name='area'></Pie>
                <Pie id='pie3' data={piedata.gender} title='性别占比' name='gender'></Pie>
            </div>
        </div>
    );
}

export default Welcome;
